<template>
    <el-dialog
        title="变更记录"
        :visible.sync="dialogVisible"
        width="50%"
        center
    >
        <el-table
            :data="recordList"
            border
            style="width: 100%"
            size="small"
        >
            <el-table-column
                prop="id"
                label="ID"
                width="80"
                align="center"
            />
            <el-table-column
                prop="oldValue"
                label="原等级"
                width="150"
                align="center"
            />
            <el-table-column
                prop="newValue"
                label="新等级"
                width="150"
                align="center"
            />
            <el-table-column
                prop="changeTime"
                label="变更时间"
                align="center"
            />
            <el-table-column
                prop="operator"
                label="操作人"
                width="120"
                align="center"
            />
        </el-table>
    </el-dialog>
</template>

<script>
export default {
    name: 'SureManDialog',
    data() {
        return {
            dialogVisible: false,
            userId: null,
            recordList: [
                {
                    id: 1,
                    oldValue: '萌新',
                    newValue: '初级服务商',
                    changeTime: '2023-12-01 10:00:00',
                    operator: 'admin'
                },
            ]
        }
    },
    methods: {
        openDialog(userId) {
            this.userId = userId
            this.dialogVisible = true
        }
    }
}
</script>

<style scoped lang="less">

</style>
